<template>
	<view class="wrapper">
		<view class="title">热门问题</view>
		<view class="collapse-box">
			<uv-collapse @change="change" @close="close" @open="open" :border='false'>
				<uv-collapse-item  title="一个身份证信息可以注册几个账号？"  ref="collapseHeight">
						<view class="uv-collapse-content"><text class="text">
							一个身份证信息只能入网一次，创建一个账号。</text></view>
						<!-- <text slot="content" class="">文档指南</text> -->
				</uv-collapse-item>
			</uv-collapse>
		</view>
		<view class="collapse-box">
			<uv-collapse :border='false' @change="change" @close="close" @open="open" ref="collapseHeight">
				<uv-collapse-item  title="一个手机号可以注册几个账号？" isLink >
					<view class="uv-collapse-content"><text class="text">一个手机号只能注册一个服务商账号。</text></view>
				</uv-collapse-item>
			</uv-collapse>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Question',
		data() {
			return {
				
			};
		},
		computed: {
			user() {
				return this.$store.getters.user || {};
			},
		},
		mounted() {},
		async created() {
			// uni.hideTabBar({});
			// this.user = this.$store.getters.user;
		},
		// 下拉刷新
		async onPullDownRefresh() {
			// this.$store.dispatch('getUserDetail').then(res => {
			// 	uni.stopPullDownRefresh();
			// 	this.$tip.toast('刷新成功!', 'success', 500);
			// });
		},
		methods: {
			change(){
				let long = this.$refs.collapseHeight.length;
				      setTimeout(() => {
				        for (let i = 0; i < long; i++) {
				          this.$refs.collapseHeight[i].queryRect(); // 计算高度
				        }
				      }, 50);
			},
			close(){
				
			},
			open(){
				
			},
		}
	};
</script>

<style lang="scss" scoped>
	.wrapper{
		padding: $uni-spacing-row-lg;
		.title{
			font-size: $uni-font-size-sm;
			color: $themeColor;
			padding-bottom: $uni-spacing-col-lg;
		}
		.collapse-box{
			overflow: hidden;
			background: #fff;
			margin-bottom: $uni-spacing-col-lg;
			border-radius: $uni-border-radius-xl;
		}
		.uv-collapse-content {
			.text{
				display: block; 
				border-top: 1px solid #f5f5f5;
				padding: 15px 10px 5px 10px;
				width: 100%;
			}
		}
	}
</style>